@charset "utf-8";
/* 
	Base CSS Document for Animated Phrases Layout
		- Handles light blue color palette
	
	Design by: Jacob Barr of iRapture.com
	Development by: Joshua Moor of iRapture.com
	
	Last Modified: 3/13/2014
	Last Validated:
*/

/* Blocks */
body{background:#c7c7c7;}
#page_slider{background:#c7c7c7;}

#page_header{background:#f1f1f1;}
#content{background:#f1f1f1 url(/media/repository/background.jpg) top left repeat;}

#phrase_text{}
#box_wrapper{background:#0039a6;}
#light_box{float:left; background:#0039a6; width:33%;}
#dark_box{width:66%;}

#header_line{background-color:#b7b7b7;}

#footer_address, #copyright{}

/* Special Links */
#page_header a.button{background:#0039a6;}
#page_header a.button:hover{background:#22415d;}

/* Navigation */
#top_nav{color:#000000;}
#top_nav li a{color:#000000;}
#top_nav li a:hover, #top_nav li.active a{color:#ffffff; background:#0039a6;}

#content #content_nav{background:#22415d;}
#content #content_nav ul ul{background:#346590;}
#content #content_nav li.active a{}
#content #content_nav li a{}
#content #content_nav li a:hover{background:#407bb0;}

/* Images */

/* Text */
#content h1{}
#content h2{color:#22415d;}
#content h3, #content h4, #content h5, #content h6{color:#22415d;}
#content p{}
#content a{color:#5497d3;}
#content a:hover{color:#4595da;}
#content ol, #content ul{}
#content ol ol, #content ol ul, #content ul ul, #content ul ol{}
#content table{}
#content table tr:nth-child(odd){background:#e1f1ff;}
#content table th{background:#22415d;}
#content table td{}

#phrase_text p.line_1{color:#333333;}
#phrase_text p.line_2{color:#333333;}
#phrase_text p.line_3{color:#333333;}
#phrase_text .color{color:#284d6e;}

#frontBox h2{text-align:center; color:#000000; font-size:2.4em; font-weight:normal; line-height:1.2em; padding:.7em 3%;}
#frontBox p{color:#ffffff; padding:.8em 2.5%; font-size:2.2em; line-height:1.2em;}

#dark_box h1{text-align:left;}
#dark_box p{}
#dark_box p.directions a{}
#dark_box p.directions a:hover, #dark_box p.directions a:focus{}
#dark_box ul{padding:0; list-style:none; float:left; clear:both; width:100%; font-size:1.596em; color:#000000;}
#dark_box li{float: left; width: 43%; background: url(../images/pa_checkmark.png) 5% top no-repeat; line-height: 30px; padding: 0 0 0 5%; color:#FFF;}
#dark_box a{color:#FFF;}
#dark_box a:hover{color:#CCC;}

#light_box h2{color:#ffffff; font-size:3em; padding:.7em 4%;}
#light_box ul{color:#ffffff;}
#light_box li {width:80%; padding:0 0 0 15%;}
#light_box p{color:#ffffff;}
#light_box a.button{background:#ffffff; color:#01132d; font-weight:bold; font-size:2em; margin-left:4%; width:60%;}
#light_box a.button:hover, #light_box a.button:focus{background:#01132d; color:#ffffff;}

#footer_address h2{color:#22415d;}
#footer_address p{color:#22415d;}
#footer_address a{color:#22415d;}

#footer_address a, #copyright a{}
#footer_address a:hover, #copyright a:hover{}


/* -- Phrase Header */

/* -- Slideshow */
#phrase_wrapper{position:relative; margin:0; float:left; clear:both; width:100%; padding-bottom:35.6%;}
#phrase_wrapper img{max-width:100% !important;}

	#phrase_text{background:none;}
	#phrase_text p.line_1{color:#FFF; text-shadow:1px 3px 4px rgba(0, 0, 0, 1); font-family:'Droid Sans',Verdana, Geneva, sans-serif; line-height:1.2em; font-size:3.8em;}
	#phrase_text .spacer{display:inline-block; width:27%;} /*8% originally*/
	#phrase_text .spacer.wide{width:40%;} /*15% originally*/
	#phrase_wrapper_slides{position:absolute; top:0; left:0; width:100%; overflow:hidden; padding-bottom:35.6%;}
		.phrase_wrapper_slides{position:absolute; top:0; left:0; width:100%;}

@media screen and (max-width:879px){
	#phrase_text p.line_1{font-size:3.2em; padding-left:4.0em;}
}
@media screen and (max-width:670px){
	#phrase_text p.line_1{font-size:2.6em; padding-left:4.0em;}
}